/*
    较少使用的样式：

    vertical-align: center; 设置元素的垂直对齐方式
	
	height: unset;  //去掉已经设置的样式

*/


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.opci::after {
	/*展开与收起的白色阴影*/
	content: "";
	display: block;
	height: 200rpx;
	position: absolute;
	top: -200rpx;
	left: 0;
	right: 0;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.del_double_border {
	/* 去除双倍边框 表格使用*/
	border-collapse: collapse;
}

.uppercase {
	/* 全部英文大写 */
	text-transform: uppercase
}

.capitalize {
	/* 首字母大写 */
	text-transform: capitalize
}

.lowercase {
	/* 全部英文小写 */
	text-transform: lowercase
}

.font_spill {
	/* 文字超出省略号 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.img_forbidClick {
	/* 图片不可点击 */
	pointer-events: none;
	vertical-align: sub;
}

.child_maxHight {
	/*父级为弹性盒时使用可使子元素获得最大子元素的高度*/
	align-items: stretch;
}

.iosTouch {
	/*解决ios蒙层滑动卡顿问题*/
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}

/* 取消数字input的上下箭头 */
.input_number_null input::-webkit-outer-spin-button,
.input_number_null input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.input_number_null input[type="number"] {
	-moz-appearance: textfield;
}

/* 瀑布流 */
.waterfall-container {
	column-count:2;  /* 设置子代元素应该被划分的列数  瀑布流 */
	column-gap:40px; /* 设置列的间隔*/
}

.waterfall-item {
	break-inside: avoid;  /* 不留白中断元素之间的重叠 */
}

/* 俩边宽度不确定，中间自适应 */
/*
    外层弹性盒布局，
    左右俩边设置flex-shrink: 0;撑开 
    中间部分设置一个max-width较大的值设置超出部分省略号
    例如：
*/

.box {
    display: flex;
    justify-content:space-between;
    align-items: center;
}

.left {
    flex-shrink: 0;
}

.right {
    flex-shrink: 0;
}

.center {
    margin-left: 10rpx;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
}
